<!doctype html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <title>堆糖</title>
    <link rel="stylesheet" href="css.css">
    <link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css" />
    <link rel="icon" type="image/x-icon" href="img/1.png" />
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
</head>

<body>

<!--头部-->
<div class="header">
    <div class="container">
        <div class="header-one">
            <img src="img/logo.png" />
        </div>
        <div class="header-two">
            <a href="" id="fl">分类&nbsp;▽</a>
        </div>
        <div class="yc-1">
            <img src="img/yz1_03.png"/>
            <img src="img/yz1_05.png"/>
            <p>
                <span><a href="">家居生活</a></span>
                <span><a href="">美食菜谱</a></span>
                <span><a href="">手工DIYY</a></span>
                <span><a href="">时尚搭配</a></span>
            </p>
            <p>
                <span><a href="">美妆造型</a></span>
                <span><a href="">婚纱婚礼</a></span>
                <span><a href="">文字句子</a></span>
                <span><a href="">插画绘画</a></span>
            </p>

            <p>
                <span><a href="">影音书籍</a></span>
                <span><a href="">人物明星</a></span>
                <span><a href="">植物多肉</a></span>
                <span><a href="">生活百科</a></span>
            </p>

            <p>
                <span><a href="">搞笑萌宠</a></span>
                <span><a href="">人文艺术</a></span>
                <span><a href="">手工DIYY</a></span>
                <span><a href="">时尚搭配</a></span>
            </p>
            <p>
                <span><a href="">家居生活</a></span>
                <span><a href="">美食菜谱</a></span>
                <span><a href="">手工DIYY</a></span>
                <span><a href="">时尚搭配</a></span>
            </p>
        </div>
        <div class="header-three">
            <input type="" name="" id="" value="" placeholder="搜索感兴趣的内容" />
        </div>
        <div class="header-four">
            <button><i></i></button>
        </div>
        <div class="header-five">
            <a href="">堆糖生活家</a>
            <a href="">注册/登录</a>
        </div>
    </div>
</div>

<!--二维码-->

<div class="ewm">
    <div class="container">
        <div class="ewm-one">
            <img src="img/rwm.jpeg" />
        </div>
    </div>
</div>

<!--轮播-->

<div class="nav">
    <div class="container">
        <div class="nav-one">
            <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
                <ol class="carousel-indicators">
                    <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
                    <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
                    <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
                </ol>
                <div class="carousel-inner">
                    <div class="carousel-item active">
                        <img class="d-block w-100" src="img/lunbo.jpeg" alt="First slide">
                    </div>
                    <div class="carousel-item">
                        <img class="d-block w-100" src="img/lun.jpeg" alt="Second slide">
                    </div>
                    <div class="carousel-item">
                        <img class="d-block w-100" src="img/bo.jpeg" alt="Third slide">
                    </div>
                </div>
                <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
        </div>
        <div class="nav-two">
            <div class="nav-twoa">
                <h3>社区热点</h3>
            </div>
            <div class="nav-twob">
                <p>
                    <a href="">小怪兽</a>
                    <a href="">我只喜欢你</a>
                </p>
                <p>
                    <a href="">可爱</a>
                    <a href="">桃子</a>
                    <a href="">线描</a>
                </p>
                <p>
                    <a href="">儿童节</a>
                    <a href="">木村光希</a>
                    <a href="">毕业</a>
                </p>
            </div>
            <div class="nav-twoc">
                <a href="" class="yi">
                    <span>精选</span><span>招募 ● 少女感养成学院</span>

                </a>
                <br />
                <a href="" class="er">
                    <span>工具</span><span>堆糖收图小助手</span>
                </a>
            </div>
            <div class="nav-twod">
                <img src="img/6.png"/>
                <p>堆糖-美好生活研究所</p>
                <span>最佳生活类应用</span>
            </div>
        </div>
    </div>
</div>





<!--主要-->

<div class="mian">
    <div class="container">
        <div class="mian-one">
            <i></i><span>每日精选</span>
            <p>关注动态</p>
        </div>

        <div class="mian-two">
            <div class="zy">
                <img src="img/20.png"/>
                <p>堆糖小喇叭</p>
                <span>热门内容</span>
                <h4>留下壁纸，我们就是朋友!</h4>
                <div class="tubiao">
                    <img src="img/10.png"/>
                    <a href="" class="mttp">
                        <img src="img/mt.png"/>
                        <span>堆糖小喇叭</span>
                    </a>

                    <a href="" class="mttp2">
                        <img src="img/mt11.png"/>
                        <span>文章</span>
                    </a>
                </div>

                <div class="zan">
                    <i></i><span><a href="">140</a></span>
                    <i></i><span><a href="">219</a></span>
                    <i></i><span><a href="">更多</a></span>
                </div>
            </div>

            <div class="zy">
                <img src="img/14.png"/>
                <p>coloroom</p>
                <span>热门内容</span>
                <h4>让观众苦等10年的  《夏目友人帐》，到底是什么  </h4>
                <div class="tubiao">
                    <img src="img/15.png"/>
                    <a href="" class="mttp">
                        <img src="img/mt2.png"/>
                        <span>coloroom彩条屋</span>
                    </a>

                    <a href="" class="mttp2">
                        <img src="img/mt11.png"/>
                        <span>文章</span>
                    </a>
                </div>
                <div class="zan">
                    <i></i><span><a href="">1228</a></span>
                    <i></i><span><a href="">1581</a></span>
                    <i></i><span><a href="">更多</a></span>
                </div>
            </div>

            <div class="zy">
                <img src="img/27.png"/>
                <p>美少女PINK酱</p>
                <span>热门内容</span>
                <h4>9.9包邮的宿舍神器，好用死了！连查寝老师都跟我要连接</h4>
                <div class="tubiao">
                    <img src="img/16.png"/>
                    <a href="" class="mttp">
                        <img src="img/mt3.png"/>
                        <span>美少女PINK酱</span>
                    </a>

                    <a href="" class="mttp2">
                        <img src="img/mt11.png"/>
                        <span>文章</span>
                    </a>
                </div>
                <div class="zan">
                    <i></i><span><a href="">161</a></span>
                    <i></i><span><a href="">765</a></span>
                    <i></i><span><a href="">更多</a></span>
                </div>
            </div>



            <div class="zy">
                <img src="img/49.png"/>
                <p>-你是我全世界最喜欢的猪-</p>
                <span>热门内容</span>
                <h4>有哪些适合摘抄的 文艺且悲凉的句子</h4>
                <img src="img/17.png"/>
                <div class="zan">
                    <i></i><span><a href="">82</a></span>
                    <i></i><span><a href="">274</a></span>
                    <i></i><span><a href="">更多</a></span>
                </div>
            </div>


            <div class="zy">
                <img src="img/18.png"/>
                <p>干脆面炼金术士</p>
                <span>热门内容</span>
                <h4>人生的意义，在于一天比一天活的快乐</h4>
                <div class="tubiao">
                    <img src="img/19.png"/>
                    <a href="" class="mttp">
                        <img src="img/mt4.png"/>
                        <span>干脆面炼金术士</span>
                    </a>

                    <a href="" class="mttp2">
                        <img src="img/mt11.png"/>
                        <span>文章</span>
                    </a>
                </div>
                <div class="zan">
                    <i></i><span><a href="">54</a></span>
                    <i></i><span><a href="">104</a></span>
                    <i></i><span><a href="">更多</a></span>
                </div>
            </div>

            <div class="zy">
                <img src="img/20.png"/>
                <p>堆糖小喇叭</p>
                <span>主题-我曾为你动过情</span>
                <h4>我曾为你动过情</h4>
                <div class="tubiao">
                    <img src="img/21.png"/>
                    <a href="" class="mttp">
                        <img src="img/mt.png"/>
                        <span>堆糖小喇叭</span>
                    </a>

                    <a href="" class="mttp2">
                        <img src="img/mt11.png"/>
                        <span>文章</span>
                    </a>
                </div>
                <div class="zan">
                    <i></i><span><a href="">300</a></span>
                    <i></i><span><a href="">665</a></span>
                    <i></i><span><a href="">更多</a></span>
                </div>
            </div>


            <div class="zy">
                <img src="img/49.png"/>
                <p>-你是我全世界最喜欢的猪-</p>
                <span>热门内容</span>
                <h4>登上79所高校学生借阅排行榜的九本书</h4>
                <img src="img/22.png"/>
                <div class="zan">
                    <i></i><span><a href="">59</a></span>
                    <i></i><span><a href="">151</a></span>
                    <i></i><span><a href="">更多</a></span>
                </div>
            </div>


            <div class="zy">
                <img src="img/23.png"/>
                <p>情写风月</p>
                <span>热门内容</span>
                <h4>799风景内侧美化包</h4>
                <div class="tubiao">
                    <img src="img/24.png"/>
                    <a href="" class="mttp">
                        <img src="img/mt10.png"/>
                        <span>堆糖小喇叭</span>
                    </a>

                    <a href="" class="mttp2">
                        <img src="img/mt11.png"/>
                        <span>文章</span>
                    </a>
                </div>
                <div class="zan">
                    <i></i><span><a href="">35</a></span>
                    <i></i><span><a href="">474</a></span>
                    <i></i><span><a href="">更多</a></span>
                </div>
            </div>


            <div class="zy">
                <img src="img/25.png"/>
                <p>审</p>
                <span>热门内容</span>
                <h4>火影你们粉谁 留名我去截头像</h4>
                <img src="img/26.png"/>
                <div class="zan">
                    <i></i><span><a href="">1215</a></span>
                    <i></i><span><a href="">1414</a></span>
                    <i></i><span><a href="">更多</a></span>
                </div>
            </div>



            <div class="zy">
                <img src="img/27.png"/>
                <p>美少女PINK酱</p>
                <span>热门内容</span>
                <h4>初春外套美炸天！！第一件闺蜜追着我要连接</h4>
                <div class="tubiao">
                    <img src="img/28.png"/>
                    <a href="" class="mttp">
                        <img src="img/mt3.png"/>
                        <span>美少女PINK酱</span>
                    </a>

                    <a href="" class="mttp2">
                        <img src="img/mt11.png"/>
                        <span>文章</span>
                    </a>
                </div>
                <div class="zan">
                    <i></i><span><a href="">57</a></span>
                    <i></i><span><a href="">126</a></span>
                    <i></i><span><a href="">更多</a></span>
                </div>
            </div>



            <div class="zy">
                <img src="img/29.png"/>
                <p>少女感养成学院</p>
                <span>热门内容</span>
                <h4>同桌的你</h4>
                <div class="tubiao">
                    <img src="img/30.png"/>
                    <a href="" class="mttp">
                        <img src="img/mt6.png"/>
                        <span>少女感养成学院</span>
                    </a>

                    <a href="" class="mttp2">
                        <img src="img/mt11.png"/>
                        <span>文章</span>
                    </a>
                </div>
                <div class="zan">
                    <i></i><span><a href="">471</a></span>
                    <i></i><span><a href="">3126</a></span>
                    <i></i><span><a href="">更多</a></span>
                </div>
            </div>


            <div class="zy">
                <img src="img/20.png"/>
                <p>堆糖小喇叭</p>
                <span>热门内容</span>
                <h4>我的CP真香</h4>
                <div class="tubiao">
                    <img src="img/32.png"/>
                    <a href="" class="mttp">
                        <img src="img/mt.png"/>
                        <span>堆糖小喇叭</span>
                    </a>

                    <a href="" class="mttp2">
                        <img src="img/mt11.png"/>
                        <span>文章</span>
                    </a>
                </div>
                <div class="zan">
                    <i></i><span><a href="">91</a></span>
                    <i></i><span><a href="">107</a></span>
                    <i></i><span><a href="">更多</a></span>
                </div>
            </div>


            <div class="zy">
                <img src="img/33.png"/>
                <p>热门内容</p>
                <span>白日做梦大熊</span>
                <h4>当女生也太太太太不容易了</h4>
                <div class="tubiao">
                    <img src="img/34.png"/>
                    <a href="" class="mttp">
                        <img src="img/mt7.png"/>
                        <span>白日做梦大熊</span>
                    </a>

                    <a href="" class="mttp2">
                        <img src="img/mt11.png"/>
                        <span>文章</span>
                    </a>
                </div>
                <div class="zan">
                    <i></i><span><a href="">300</a></span>
                    <i></i><span><a href="">665</a></span>
                    <i></i><span><a href="">更多</a></span>
                </div>
            </div>



            <div class="zy">
                <img src="img/49.png"/>
                <p>-你是我全世界最喜欢的猪-</p>
                <span>热门内容</span>
                <h4>有哪些好看 值得回味的爱情电影</h4>
                <img src="img/999.png"/>
                <div class="zan">
                    <i></i><span><a href="">59</a></span>
                    <i></i><span><a href="">151</a></span>
                    <i></i><span><a href="">更多</a></span>
                </div>
            </div>



            <div class="zy">
                <img src="img/43.png"/>
                <p>堆糖Class小助手</p>
                <span>热门内容</span>
                <h4>伴随一生的「少女感」，拥有它一点也不难</h4>
                <div class="tubiao">
                    <img src="img/44.png"/>
                    <a href="" class="mttp">
                        <img src="img/mt8.png"/>
                        <span>堆糖Class小助手</span>
                    </a>

                    <a href="" class="mttp2">
                        <img src="img/mt11.png"/>
                        <span>文章</span>
                    </a>
                </div>
                <div class="zan">
                    <i></i><span><a href="">34</a></span>
                    <i></i><span><a href="">265</a></span>
                    <i></i><span><a href="">更多</a></span>
                </div>
            </div>



            <div class="zy">
                <img src="img/45.png"/>
                <p>飞乐鸟</p>
                <span>热门内容</span>
                <h4>女生千万别看这些言情小说.....不然会被里面的沙雕桥段给</h4>
                <div class="tubiao">
                    <img src="img/46.png"/>
                    <a href="" class="mttp">
                        <img src="img/mt9.png"/>
                        <span>飞鸟乐</span>
                    </a>

                    <a href="" class="mttp2">
                        <img src="img/mt11.png"/>
                        <span>文章</span>
                    </a>
                </div>
                <div class="zan">
                    <i></i><span><a href="">68</a></span>
                    <i></i><span><a href="">456</a></span>
                    <i></i><span><a href="">更多</a></span>
                </div>
            </div>


            <div class="zy">
                <img src="img/27.png"/>
                <p>美少女PINK酱</p>
                <span>热门内容</span>
                <h4>7个私藏的小众APP，实用又有bigger，用过三款算我输</h4>
                <div class="tubiao">
                    <img src="img/48.png"/>
                    <a href="" class="mttp">
                        <img src="img/mt3.png"/>
                        <span>美少女PINK酱</span>
                    </a>

                    <a href="" class="mttp2">
                        <img src="img/mt11.png"/>
                        <span>文章</span>
                    </a>
                </div>
                <div class="zan">
                    <i></i><span><a href="">57</a></span>
                    <i></i><span><a href="">126</a></span>
                    <i></i><span><a href="">更多</a></span>
                </div>
            </div>


            <div class="zy">
                <img src="img/49.png"/>
                <p>-你是我全世界最喜欢的猪-</p>
                <span>热门内容</span>
                <h4>中国最全的拔弦 击弦类乐器合集 类种十分多 涨姿势了。</h4>
                <img src="img/50.png"/>
                <div class="zan">
                    <i></i><span><a href="">42</a></span>
                    <i></i><span><a href="">816</a></span>
                    <i></i><span><a href="">更多</a></span>
                </div>
            </div>

            <div class="ck">
                <a href="">查看更多∨</a>
            </div>


        </div>


        <div class="mian-three">
            <div class="h">
                <h4>推荐关注</h4>
                <span>换一批</span>
            </div>

            <div class="gz">
                <img src="img/8.png"/>
                <span>一望损莓苔</span>
                <p>擅长领域：<span>手工，园艺</span></p>
                <a href="">关注</a>
            </div>
            <div class="gz">
                <img src="img/9.png"/>
                <span>猫头鹰叔叔</span>
                <p>擅长领域：<span>摄影，拍照</span></p>
                <a href="">关注</a>
            </div>

            <div class="gz">
                <img src="img/11.png"/>
                <span>一望损莓苔</span>
                <p>擅长领域：<span>Q版，壁纸</span></p>
                <a href="">关注</a>
            </div>

            <div class="gz">
                <img src="img/12.png"/>
                <span>小熊奶面包</span>
                <p>擅长领域：<span>壁纸，Q版</span></p>
                <a href="">关注</a>
            </div>
            <div class="mian-five">
                <a href=""><p>查看更多〉</p></a>
            </div>
            <div class="nx">

                <h2>女生必备暖心APP</h2>
                <img src="img/4.png" alt="" />
                <p>手机扫一扫下载堆糖APP
                    <br />
                    领取108元礼券 抽取99元现金红包
                </p>
            </div>
        </div>

    </div>
</div>



<!--页脚-->



<div class="footer">
    <div class="container">
        <div class="footer-top">
            <div class="footer-laft">
                <p>APP下载</p>
                <img src="img/54.png"/>
                <p>扫描二维码
                    <br />
                    下载堆糖手机客户端
                </p>
            </div>
            <div class="footer-right">
                <div class="row">
                    <div class="col-md-4">
                        <h3>关于我们</h3>
                        <p>关于我们</p>
                        <p>加入我们</p>
                        <p>联系我们</p>
                        <p>商务合作</p>
                    </div>

                    <div class="col-md-4">
                        <h3>关注我们</h3>
                        <p>新浪微博</p>
                        <p>微信公众号</p>
                    </div>

                    <div class="col-md-4 ad">
                        <h3>友情链接</h3>
                        <p>爱物网</p>
                        <p>肉丁网</p>
                        <p>东方女性网</p>
                        <p>更多..</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-bottom">
            <span>©2019 duitang.com 版权所有。泸ICP备10D38086号-3 &nbsp;&nbsp;&nbsp;<i></i> </span>
            <span><i></i>&nbsp;&nbsp;&nbsp; | 增值电信业务经营许可证：浙B2-20180610 自营经营者信息</span>
            <p><i></i>上海互联网违法和不良信息举报中心 | 有害内容举报电话：021-63462282</p>
        </div>
    </div>
</div>
<div class="gddw">
    <a href="" class="gddw-1">↑</a>
</div>
</body>
<script src="srcipt.js" type="text/javascript" charset="utf-8"></script>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</html>